﻿@import "../../LiberUI/Style/Default/Theme";
@import "../../LiberUI/Style/Default/_soIcons";

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

#pagePath{
    margin-top:1em;
    margin-bottom:1em;
    display:none;
}
a.strong{
    font-size:1.3rem;
    font-weight:bold;
}

#orderHead{
    background-color:$ClrMsg;
    border:1px solid $ClrTheme;
    padding:0.3em;
    margin-bottom:1rem;
    margin-top:1rem;
    clear:both;
}
#oh-id{

}
#oh-status{
    &.Draft{
        color:gray;
        &>i{
            @include soicon($ClrThemeTxt);
            @extend .icon-help;
        }
    }
    &.Active{
        color:$ClrTheme;
        &>i{
            @include soicon($ClrTheme);
            @extend .icon-update;
        }
    }
    &.Completed{
        color:$ClrOk;
        &>i{
            @include soicon($ClrOk);
            @extend .icon-done;
        }
    }
    &.Pending{
        color:$ClrImportant;
        &>i{
            @include soicon($ClrImportant);
            @extend .icon-help;
        }
    }
}

#orderStatusEx{
    border-top:1px solid darken($ClrMsg,30);
    &>div{
        margin-top:5px;
        &>div{
        }
    }
}
.InfoSection{
    margin-top:1em;
    border:1px solid white;
    &>.InfoSectionTitle{
        width:100%;
        font-size:1.3rem;
        font-weight:bold;
        height:3rem;
        line-height:3rem;
        cursor:pointer;
        &:hover{
            background-color:$ClrDisable;
        }
        &>i{
            float:right;
            @include soicon($ClrThemeTxt,3rem);
            @extend .icon-unfoldmore;
        }
    }
    &>.InfoSectionBody{
        padding:0.3rem;
        display:none;
        overflow:hidden;
    }

    &.expand{
        &>.InfoSectionTitle{
            &>i{
                @extend .icon-unfoldless;
            }
        }
        &>.InfoSectionBody{
            height:auto;
            display:block;
        }
    }
}

#tradeTrace{
    
}
#tradeInfo{
    &>.ti-body{
        /*background-image: url('../Imgs/col-grid.gif');
        background-position:left top;
        background-repeat:repeat;
        background-size:33.5% auto;*/
    }
}
.tradeInfoGroup{
    margin-bottom:0.5em;
    padding:0.3em;
    background-color: #fafafa;
    &>dl{
        padding-left:1em;
        &>dt{
            width:8rem;
            vertical-align:top;
        }
        &>dd{
            width:70%;

        }
    }
}

#lnkDeliveryPrnt{
    float:right;
}

#chkGridStyle{
    float:right;
    margin-top:1rem;
}

#orderItems{
    
}
.classicStyle,.modenStyle{
    & .DataField{
        &>.df-value{
            padding-left:4.5rem;
        }
    }
}
.order-item-tpl{
    display:none;
    background-color:lighten($ClrDisableBk,5);
}

.order-item-product{
    padding:0 1rem;
    text-align:left !important;
}
.order-item-describe{
    padding:0 1rem;
    text-align:left !important;
}

.order-item-specification{
      text-align:left !important;
      padding-left:6pt !important;
  }

.order-summy{
    &>div{
        float:right;
        width:14rem;
        &>strong{
            width:6rem;
            text-align:right;
        }
    }
}

#order-summy-pay{
    width:15rem;
    font-size:1.5rem;
    padding-top:1rem;
    border-top:1px solid $ClrTheme;
}

.supplier-info{
    position:relative;
    //text-align:center;
    &>h3{
        text-align:center;
    }
    &>h5{
        text-align:center;
    }
}
.cloudLogo{
    height:6rem;
    width:6rem;
    position:absolute;
    left:0;
}
.si-logo{
    height:6rem;
    width:6rem;
    position:absolute;
    left:7rem;
}
.dlv-barcode{
    position:absolute;
    right:1rem;
    top:1rem;
    height:12rem;
    width:12rem;
}

.foot{
    position:fixed;
    bottom:0;
    height:5rem;
    background-color:$ClrThemeBk;
    &>div{
        height:5rem;
        line-height:5rem;
        text-align:center;
    }
}

.detail {
    padding:0.5rem 0 7rem 0;
}

.wx-order-item-tpl {
    padding: 0.5rem;
    @include block();
    margin-bottom: 1rem;

    & > span {
        font-size: 1.2rem;
    }

    & > .oi-mx-countinfo {
        font-size: 1.2rem;
        color: $ClrTheme;
        text-align: left;

        & > .oi-mx-amount {
            float: right;
            color: $ClrThemeTxt;
        }
         & > .oi-storage {
            float: right;
            color: $ClrThemeTxt;
        }
    }

    & > .oi-mx-dlvmxinfo {
        font-size: 1.2rem;
        color: $ClrTheme;
        text-align: left;
    }

    & > .oi-mx-receipt, .oi-mx-remark {
        font-size:1.2rem;
        line-height:1.2rem;
        &>label{
            position:absolute;
            line-height:2.4rem; //与input保持一致
        }
        &>div{
            width:100%;
            &>input{
                width:100%;
                padding-left:6rem;
            }
        }
    }
}

.si-billno{
   text-align:left;
   position:absolute;
   top:7rem;
}
.prntPage{
    position:relative;
    margin-top:8pt;
    &:after{
        content:'';
        display:block;
        clear:both;
    }
}
.prntBody{
    margin-top:1rem;
}

.billCreateInfo{
    padding-top:1rem;
    text-align:right;
}
.billCreater{
    padding:2rem 2rem 0 0;
}
.billCreatetime{
    
}

/*#region 表格*/
        .grid-row {
            min-height: 4rem;
            line-height:2rem;
            &>.grid-col{

            }
        }

        .grid-row.headrow {
            height: 2rem;
            line-height: 2rem;
            background-color: #f0f0f0;
            border-bottom: 1px solid #cdcdcd;
        }
        /*#endregion*/
@media print{
        html {
            font-size: 8pt;
        }
        body {
            font-size: 8pt;
        }
        .noprnt {
            display: none;
        }
        @page{
            margin:5pt 15pt 0 15pt;
            size:21.59cm 27.5cm;
        }
        .DataField {
            position: relative;
        }
        .DataField > .df-title {
                font-weight: bold;
                position: absolute;
                width: 45pt;
                left: 0.5pt;
                font-size: 8pt;
                text-align: left;
            }
            .DataField > .df-value {
                padding-left: 50pt;
                display: inline-block;
                text-align: left;
            }
        /*#region 表格*/
        .gridtable {
            border: 1px solid #808080;
            page:auto;
        }
        .gridtable > .grid-body {
                background-color: white;
            }
            .grid-row {
                position: relative;
                display: block;
                width: 100%;
                height: 30pt;
                border-bottom: 2px solid #b3b3b3;
                background-color: #fafafa;
                page-break-before:avoid;
                page-break-inside:avoid;
                overflow:visible;
            }
            .grid-row.headrow {
                height: 20pt;
                line-height: 20pt;
                background-color: #f0f0f0;
                border-bottom: 1px solid #cdcdcd;
                font-size: 10pt;
                &>.grid-col{
                    line-height:20pt;
                }
            }
            .grid-row:after {
                content: '';
                display: block;
                clear: left;
            }
            .grid-row > .grid-col {
                position: absolute;
                display: block;
                text-align: center;
                border: none;
                border-right: 1px solid gray !important;
                background-color: transparent;
                word-break:normal;
                word-wrap:normal;
                white-space:normal;
                line-height:14pt;
            }
            .grid-row > .grid-col:focus {
                z-index: 9;
                box-shadow: 0 0 9px #3caed4 inset !important;
            }

            .grid-row > .grid-col.start {
                float: left;
                position: relative !important;
            }
        /*#endregion*/

        .InfoSection {
            margin-top: 1em;
            border: 1px solid white;
        }
            .InfoSection > .InfoSectionTitle {
                width: 100%;
                font-size: 10pt;
                font-weight: bold;
                height: 2.5rem;
                line-height: 2.5rem;
                cursor: pointer;
            }
                .InfoSection > .InfoSectionTitle:hover {
                    background-color: whitesmoke;
                }
                .InfoSection > .InfoSectionTitle > i {
                    float: right;
                    margin-top: 0.75rem;
                    display: inline-block;
                    font: normal normal normal 14px/1 SoIcons;
                    font-size: 10pt;
                    line-height: 0.95238rem;
                    vertical-align: -15%;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                }
                    .InfoSection > .InfoSectionTitle > i:before {
                        color: #808080;
                    }
            .InfoSection > .InfoSectionBody {
                padding: 0.3rem;
                display: none;
                overflow: hidden;
            }
            .InfoSection.expand > .InfoSectionBody {
                height: auto;
                display: block;
            }

        .tradeInfoGroup {
            margin-bottom: 0.5em;
            padding: 0.3em;
            background-color: #fafafa;
        }
            .tradeInfoGroup > dl {
                padding-left: 1em;
            }
                .tradeInfoGroup > dl > dt {
                    width: 8rem;
                    vertical-align: top;
                }
                .tradeInfoGroup > dl > dd {
                    width: 70%;
                }
        .order-item-tpl {
            display: none;
            font-size: 8pt;
            line-height: 20pt;
        }
        .order-item-code {
            height: 20pt;
        }
        .cloudLogo {
            height: 40pt;
            width: 40pt;
            position: absolute;
            left: 0;
        }
        .si-logo {
            height: 40pt;
            width: 40pt;
            position: absolute;
            left: 45pt;
        }
        /*.di-order {
            float: right;
        }
        .di-dlvid {
            float: right;
        }*/
        .supplier-info {
            position:relative;
        }
        .dlv-barcode {
            position: absolute;
            right: 1pt;
            top: 2pt;
            height: 80pt;
            width: 80pt;
        }
        /*.si-billno{
           text-align:left;
           position:absolute;
           top:7rem;
           &>label{
               width:100%;
           }
        }*/
        .billCreater{
            padding:16pt 16pt 0 0;
        }
        .billCreatetime{
            margin-top:4pt;
        }
        .billCreateInfo{
            padding-top:1rem;
            text-align:right;
        }
        .prntPage{
            position:relative;
            page-break-after:always;
            &:after{
                content:' ';
                display:block;
                clear:both;
            }
        }
        .prntHead{
            
        }
        .prntBody{
            &:before{
                content:'';
                display:block;
                clear:left;
            }
        }
        h5{
            line-height:1.8;
        }
}


